<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style type="text/css">
			/*后代选择器，语法:选择器1&nbsp选择器2*/
			.jpan p{
				font-size:20px;
				color:#000000;
			}
			.jpan span{
				font-size:12px;
				color: #0000FF;
			}
			.jpan span em{
				font-weight:bold;
				color:#FF0000;
			}
			a em{
				font-weight:bold;
				color:#FF0000;
			}
		</style>
	</head>
	<body>
		<div class="jpan">
			<p>日本7.4级强震已致3人死亡</p>
			<span>小日本...</span>
			<span>
				<a href="">
					<em>专家：日本短时间内或有同规模强震</em>
				</a>
			</span>
		</div>
	</body>
</html>
